<template>
    <div>
        <el-row>
            <el-col :span="8">
                <div class="nav">承运商管理 / 承运商列表 / 承运商导入</div>
            </el-col>
        </el-row>

        <el-row>
            <div class="content">
                <div class="content-1" style="background: #F5F5F5;">
                    <el-row :gutter="40">
                        <el-col :span="12">
                            <div class="content-peal">
                                <div class="content-top">客户基本信息</div>
                                    <el-form ref="form" :model="form" label-width="120px">
                                       <el-form-item label="客户编号:">
                                            020234
                                        </el-form-item>
                                        <el-form-item label="公司名称:">
                                            <el-input></el-input>
                                        </el-form-item>
                                        <el-form-item label="负责人姓名:">
                                            <el-input></el-input>
                                        </el-form-item>
                                        <el-form-item label="联系电话1:">
                                            <el-input></el-input>
                                        </el-form-item>
                                        <el-form-item label="联系电话2:">
                                            <el-input></el-input>
                                        </el-form-item>
                                        <el-form-item label="联系地址:">
                                            <el-input></el-input>
                                        </el-form-item>
                                        <el-form-item label="对接人:">
                                            <el-input></el-input>
                                        </el-form-item>
                                        <el-form-item label="工号:">
                                            <el-input></el-input>
                                        </el-form-item>
                                        <el-form-item label="结算周期:" v-model="form.selected">
                                            <el-select style="width:100%;">
                                                <el-option label="区域一" value="shanghai"></el-option>
                                                <el-option label="区域二" value="beijing"></el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="合同开始日期:">
                                            <el-date-picker
                                            v-model="value1"
                                            type="date"
                                            placeholder="选择日期">
                                            </el-date-picker>
                                        </el-form-item>
                                        <el-form-item label="合同结束日期:">
                                            <el-date-picker
                                            v-model="value1"
                                            type="date"
                                            placeholder="选择日期">
                                            </el-date-picker>
                                        </el-form-item>
                                        <div style="font-size:14px;color:#FBA72E;border-bottom:1px solid #FBA72E;display:inline-block;margin-left:8px;padding-left:8px;">客户费率表导入</div>
                                    </el-form>
                                    <div style="text-align:center;"><button class="button" style="border-radius:21px;">下一步</button></div>
                            </div>
                        </el-col>
                        <el-col :span="12">
                            <div class="content-peal">
                                <div class="content-top">开票信息</div>
                                <el-form ref="form" :model="form1" label-width="120px">
                                    <el-form-item label="发票抬头:">
                                        <el-input></el-input>
                                    </el-form-item>
                                    <el-form-item label="税号:">
                                        <el-input></el-input>
                                    </el-form-item>
                                    <el-form-item label="类型:" v-model="form.selected">
                                            <el-select style="width:100%;">
                                                <el-option label="区域一" value="shanghai"></el-option>
                                                <el-option label="区域二" value="beijing"></el-option>
                                            </el-select>
                                    </el-form-item>
                                    <el-form-item label="地址:">
                                        <el-input></el-input>
                                    </el-form-item>
                                    <el-form-item label="联系电话:">
                                        <el-input></el-input>
                                    </el-form-item>
                                    <el-form-item label="开户行:">
                                        <el-input></el-input>
                                    </el-form-item>
                                    <el-form-item label="账号:">
                                        <el-input></el-input>
                                    </el-form-item>
                                    <el-form-item label="邮箱地址:">
                                        <el-input></el-input>
                                    </el-form-item>
                                    <el-form-item label="邮箱:">
                                        <el-input></el-input>
                                    </el-form-item>
                                </el-form>
                                <div style="text-align:center;"><button class="button" style="border-radius:21px;">保存</button></div>
                            </div>
                        </el-col>
                    </el-row>
                </div>
            </div>
        </el-row>
    </div>
</template>
<script>

export default {

    data () {

        return {
            form:{
                selected:''
            },
            value1:'',
            form1:{

            }
        }
    },

    mounted () {

        
        
    },

    methods: {

 
    }
}
</script>
<style>
.content-peal{
    font-size:20px;
    padding:45px 15px;
    background:#fff;
    border-radius: 10px;
}
.content-peal > .content-top{
    text-align: center;
    color:#4C4C4C;
}
.content-peal .el-input__inner{
    border:none;
}
.el-form-item{
    border-bottom:1px solid #EEEEEE;
    
}
</style>
